<template>
	<view class="pop-box" v-if="popShow">
		<view class="mask-box"></view>
		<view class="scroll-box">
			<scroll-view scroll-y="true" class="scroll-style" @scrolltolower='toTheBottom'>
				<view class="scroll-content">
					<view class="title">用户服务协议</view>
					<view class="fz28" style="margin-top: 20upx;">尊敬的用户您好：</view>
					<view class="fz28" style="text-indent: 28upx;">感谢你选择{{abbreviationName}}服务，您使用本服务之前，您已充分阅读并明确同意以下协议内容：</view>
					<view class="fz32 fw600">第一条 总则</view>
					<view class="fz28">
						1 、本服务协议（以下简称“本协议”）是{{name}}（以下简称“{{abbreviationName}}”）与{{abbreviationName}}用户(以下简称“用户”或“您”)就“人脸服务”（以下简称“本服务”）的使用等相关事项所订立的有效合约。您通过网络页面点击确认或以其他方式选择接受本协议，即表示您与{{abbreviationName}}已达成协议并同意接受本协议的全部约定内容。
					</view>
					<view class="fz28">
						2 、由于{{abbreviationName}}服务是本公司依托微信支付提供的服务，在使用本服务前，您应阅读并遵守本协议和 《 微信支付用户服务协议 》、《财付通儿童隐私保护声明》、《微信支付校园刷脸服务协议》、《微信支付校园刷脸服务隐私政策》。在接受本协议之前，请您仔细阅读本协议的全部内容，尤其是加粗的文字部分。如果您不同意本协议的任意内容，或者无法准确理解{{abbreviationName}}对条款的解释，请不要进行后续操作。
					</view>
					<view class="fw600 fz28">
						3 、如您为无民事行为能力人或为限制民事行为能力人或未满18周岁（尤其是14岁以下），需获得监护人授权同意，并在您监护人的指导下阅读本协议和使用我们的服务。
					</view>
					<view class="fz32 fw600">第二条 定义</view>
					<view class="fz28">
						1 、刷脸服务：指用户开通刷脸服务并完成人脸图片的采集后，用户可通过在商家处扫描人脸即识别您的账户信息，并完成相关 O2O 服务。
					</view>
					<view class="fz32 fw600">第三条 基础条款</view>
					<view class="fz28">
						1 、您在开通刷脸服务过程中进行脸部拍摄所得的脸部图片(以下简称‘原图” )仅用于达成您的刷脸服务。您应根据{{abbreviationName}}页面的提示做出相应动作，{{abbreviationName}}系统判断您的动作符合要求后，即可完成脸部拍摄。{{abbreviationName}}承诺不通过任何技术手段留存您的任何敏感信息，包括但不限于银行账户账号、账户余额及用于客户鉴别的个人生物识别信息等。
					</view>
					<view class="fz28">
						2 、{{abbreviationName}}应在现有技术能力上保障刷脸服务的有效、正常运行。
					</view>
					<view class="fz28">
						3 、除本协议另有规定外，{{abbreviationName}}在提前邮件通知您或在网站、小程序、公众号公告的情况下，可以单方面终止向您提供刷脸服务，并不承担任何赔偿责任。{{abbreviationName}}在终止提供刷脸服务后，若发现您之前存在违法或违反本协议目的的使用行为，给{{abbreviationName}}造成损失的，则{{abbreviationName}}仍可据此要求您承担相应赔偿责任并保留通过司法途径予以解决的权利。
					</view>
					<view class="fz28">
						4 、{{abbreviationName}}负责向您提供刷脸服务的咨询，并在{{abbreviationName}}小程序、公众号公布功能介绍、使用规则等内容。
					</view>
					<view class="fz32 fw600">第四条 刷脸服务特别约定</view>
					<view class="fz28">
						1 、您开通刷脸服务后，可在开通了刷脸服务的商家处直接通过商家收银设备扫描您的人脸直接完成 O2O 服务，而不需要输入微信账户支付密码。
					</view>
					<view class="fz28">
						2 、您理解并同意，您使用刷脸服务扫描您及您孩子人脸的行为，视为您向{{abbreviationName}}发出了不可撤销地支付、核销等指令；且该行为与您使用微信账户、密码的行为具有相同的法律效力。
					</view>
					<view class="fz28">
						3 、本协议所称的 O2O 服务，是指在{{abbreviationName}}特约商户的线下门店中开展的折扣核销、线下支付等。
					</view>
					<view class="fz28">
						4 、您理解并同意{{abbreviationName}}支持的 O2O 服务将根据市场情况不断进行调整，具体以{{abbreviationName}}支持的场景为准。
					</view>
					<view class="fz32 fw600">第五条 用户信息的收集、使用及停止使用</view>
					<view class="fz28 fw600">
						1 、您理解并同意，您通过网络页面点击确认或以其他方式选择接受本协议时，您即授权我们收集、存储并为提供服务之目的合理使用您的用户信息，包括创建{{abbreviationName}}账户的登记注册信息，以及基于{{abbreviationName}}使用产生的消费数据信息等。	
					</view>
					<view class="fz28">
						2 、我们出于如下目的，使用您提交以及我们收集的用户信息：
						<view class="fz28">
							(1)为了向您和您的孩子提供产品服务（如实名认证信息、用来接受验证码的手机号，是继续获得服务的前提；如身份证号、人脸信息是您孩子在学校享受人脸识别产品的认证前提）。
						</view>
						<view class="fz28">
							(2)为了维护、改进服务（如您提交的手机号用来接收服务通知和进行服务沟通）。
						</view>
						<view class="fz28">
							(3)因校方管理需要提供的消费数据报表内包含您的消费数据信息，或者为您提供您孩子一定时间阶段的个人消费报表而进行的必要数据采集加工。
						</view>
						<view class="fz28">
							(4)在法律法规允许的前提下，向您推广、介绍产品。
						</view>
						<view class="fz28">
							(5)经您许可的其他用途。
						</view>
					</view>
					<view class="fz28">
						3 、个人信息不被泄露和买卖的服务保障为保障您的信息安全，我们努力采取各种合理的物理、电子和管理方面的安全措施来保护您的信息，使您和您孩子的信息不会被泄露、毁损或者丢失。我们对可能接触到您的信息的员工采取了严格的管理，包括但不限于根据岗位的不同采取不同的权限控制，与他们签署保密协议。{{abbreviationName}}会按现有技术提供相应的安全措施来保护您的信息，提供合理的安全保障，{{abbreviationName}}将尽力做到使您的信息不被泄露、毁损或丢失。
					</view>
					<view class="fz28 fw600">
						鉴于国家信息中心安全要求，对于您孩子因刷脸消费所采集的人脸信息，由微信进行存管。
					</view>
					<view class="fz28">
						4 、如您为未成年人的监护人，当您对您所监护的未成年人的信息处理存在疑问时，请通过客服热线{{hsphone}}联系我们。
					</view>
					<view class="fz28">
						5 、如您主动注销微信支付校园刷脸服务并终止使用微信支付校园刷脸服务，我们将会停止使用该个人信息，法律法规或监管部门另有规定的除外。
					</view>
					<view class="fz28">
						6 、除非法律、行政法规规定应当披露或者根据与您的约定可以披露个人信息的，我们不会披露个人信息。
					</view>
					<view class="fz32 fw600">第六条 协议修改</view>
					<view class="fz28">
						1 、{{abbreviationName}}将有权随时修改本协议的有关条款，一旦相关内容发生变动，{{abbreviationName}}公司将会通过电子邮件、小程序、公众号或网站公告等方式向您提示修改内容。
					</view>
					<view class="fz28">
						2 、如果您不同意{{abbreviationName}}对本协议相关条款所做的修改或者{{abbreviationName}}不时公布的（《{{abbreviationName}}服务协议 》及相关附属规则，您应立即停止使用{{abbreviationName}}提供的本项服务。如果您继续使用{{abbreviationName}}提供的服务，则视为您接受并认可本协议相关条款的修改及{{abbreviationName}}不时公布的 《 {{abbreviationName}}服务协议 》 及相关附属规则。
					</view>
					<view class="fz32 fw600">第七条 不可抗力、免责及责任限制</view>
					<view class="fz28">
						1 、因下列原因导致我们无法正常提供服务，我们免于承担贵任：
						<view class="fz28">
							(1)我们的系统停机维护或升级；
						</view>
						<view class="fz28">
							(2)因台风、地震、洪水、雷电或恐怖袭击等不可抗力原因；
						</view>
						<view class="fz28">
							(3)您的电子设备软硬件和通信线路、供电线路出现故障的；
						</view>
						<view class="fz28">
							(4)因您操作不当或通过非经我们授权或认可的方式使用我们服务的；
						</view>
						<view class="fz28">
							(5)因病毒、木马、恶意程序攻击、网络拥堵、系统不稳定、系统或设备故障、通讯故障、电力故障、银行原因、第三方服务瑕疵或政府行为等原因。尽管有前款约定，我们将采取合理行动积极促使服务恢复正常。
						</view>
					</view>
					<view class="fz32 fw600">第八条 争议的解决</view>
					<view class="fz28">
						本协议签订地为中华人民共和国{{province}}{{city}}{{district}}人民法院。双方在履行本协议的过程中，如发生争议，应协商解决。协商不成的，任何一方均可向合同签订地（{{city}}{{district}}）有管辖权的人民法院提起诉讼。
					</view>
					<view class="fz32 fw600">第九条 协议的解释</view>
					<view class="fz28">
						本协议的成立、生效、履行和解释，均适用中华人民共和国法律。
					</view>
					<view class="btn-box">
						<navigator open-type='exit' target='miniProgram' hover-class="none" class="btn gray">不同意</navigator>
						<view class="btn green" @click.stop="agreePrivacy">我已阅读并同意</view>
					</view>
					<view class="btn-tishi" v-if="btnShow">
						<view>请上滑看完本条款再同意</view>
					</view>
				</view>
			</scroll-view>
		</view>
	</view>
</template>
<script>
	import { AGREEMENT_INFO } from '@/config.js';
	export default{
		data() {
			return {
				name: AGREEMENT_INFO.name,
				abbreviationName: AGREEMENT_INFO.abbreviationName,
				city: AGREEMENT_INFO.city,
				district: AGREEMENT_INFO.district,
				province: AGREEMENT_INFO.province,
				hsphone: AGREEMENT_INFO.hsphone,
				btnShow: true,
				privacyInfo: {}
			}
		},
		props:{
			popShow:{
				type: Boolean,
				default: false
			}
		},
		created() {
			// this.getProtocolList()
		},
		methods:{
			getProtocolList(){
				let data = {
					"condition": {
					  "statusFlag": 2,
					}
				}
				this.$http('/service/api/protocol/getProtocolList',data,res=>{
					console.log(res.data.data)
					if(res.data.data.items.length>0){
						this.privacyInfo = res.data.data.items[0]
					}
				})
			},
			toTheBottom(){
				this.btnShow = false
				this.$emit('toTheBottom')
			},
			readProtocol(){
				this.$http(`/service/api/student/readProtocol?protocolId=${this.privacyInfo.id}`,{},res=>{
					console.log(res)
				})
			},
			agreePrivacy(){
				// this.readProtocol()
				this.$emit('agreePrivacy')
			}
		}
	}
</script>

<style lang="less" scoped>
	.pop-box{
		position: fixed;
		width: 100%;
		height: 100vh;
		left: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.9);
		z-index: 999;
		display: flex;
		flex-direction: column;
		.mask-box{
		flex: 1;
		}
		.scroll-box{
				height: 1200rpx;
			.scroll-style{
				border-radius: 20rpx 20rpx 0 0;
				height: 1200rpx;
				background: #fff;
				.scroll-content{
					padding: 24rpx;
					.title{
						text-align: center;
						margin-bottom: 16upx;
					}
				}
			}
			.btn-box{
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 40rpx 0 86rpx 0;
				.btn{
					border: solid 1px #eee;
					width: 280rpx;
					height: 88rpx;
					line-height: 88rpx;
					text-align: center;
					border-radius: 10rpx;
					font-size: 30rpx;
				}
				.green{
					width: 360rpx;
					color: #fff;
					background: #ff9200;
					// background: linear-gradient(to right, #feb519, #ff9906, #ff9200);
				}
				
			}
		}
		
		
	}
.content {
		padding-bottom: 40upx;
		view {
			padding: 0 20upx;
			line-height: 40upx;
		}
	}
	.fz32 {
		font-size: 32upx;
		margin: 40upx 0 10upx 0;
	}
	.fz28 {
		font-size: 28upx;
	}
	.fw600 {
		font-weight: 600;
	}
	
	.btn-tishi{
		width: 750upx;
		position: fixed;
		z-index: 999;
		bottom: 0;
		left: 0;
		background: #fff;
		padding: 30upx;
		view{
			height: 88upx;
			width: 690upx;
			text-align: center;
			line-height: 88upx;
			background: rgba(247, 200, 122, .4);
			color: #fff;
			border-radius: 10upx;
			
		}
	}
</style>
